<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>iViewer lightbox example</title>
    <!-- Lightbox example by Hay Kranen < http://github.com/hay > -->

    <link rel="stylesheet" href="style.css" />

    <!--[if lt IE 9 ]>
    <style>
        /* IE < 9 doesn't display the image for strange reasons... */
        #iviewer .viewer {
            display: block;
        }
    </style>
    <![endif]-->
</head>
<body>
    <a class="go" href="../test_image.jpg">Show lightbox!</a>
    <br />
    <a class="go" href="../test_image2.jpg">Show another lightbox!</a>

    <div id="iviewer">
        <div class="loader"></div>

        <div class="viewer"></div>

        <ul class="controls">
            <li class="close"></li>
            <li class="zoomin"></li>
            <li class="zoomout"></li>
        </ul>

        <p class="info">
            Use your scrollwheel or the zoom buttons to zoom in/out.
            Click and drag to view other parts of the image when zoomed.
        </p>
    </div>

    <script type="text/javascript" src="../jquery.js" ></script>
    <script type="text/javascript" src="../jqueryui.js" ></script>
    <script type="text/javascript" src="../jquery.mousewheel.min.js" ></script>
    <script type="text/javascript" src="../../jquery.iviewer.js" ></script>
    <script src="main.js"></script>
</body>
</html>
